import styles from './card.module.scss';
import { ReactNode } from 'react';

export default function Card({ children, className, title, header }: { children: ReactNode, className?: string, title?: string, header?: ReactNode }) {
    return (
        <div className={`${styles.container} ${className}`}>
            <div className={styles.header}>
                {title ? <span className={styles.title}>{title}</span> : null}
                {header}
            </div>
            {children}
        </div>
    )
}